.content .module-tabs {
    width: 1200px;
    margin-top: 37px;
    margin-bottom: 52px;
}

.content .module-tabs .titles {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 28px;
}

.content .module-tabs .titles span {
    float: left;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    margin-right: 43px;
    color: #999;
    cursor: pointer;
}

.content .module-tabs .titles span.titles-current {
    border-bottom: 2px solid #333333;
    color: #333333;
}

.content .module-tabs .hot-tips {
    width: 100%;
    height: 36px;
    padding-bottom: 18px;
}

.content .module-tabs .hot-tips i {
    float: left;
    width: 18px;
    height: 18px;
    font-size: 14px;
    text-align: center;
    line-height: 18px;
    color: #f8fdff;
    background-color: #e6e6e6;
    border-radius: 50%;
    margin-right: 14px;
}

.content .module-tabs .hot-tips p {
    float: left;
    font-size: 14px;
    color: #999999;
    margin-right: 22px;
}

.content .module-tabs .hot-tips a {
    float: left;
    font-size: 14px;
    color: #00b391;
}

.content .module-tabs .details {
    width: 100%;
    overflow: hidden;
}

.content .module-tabs .details ul {
    width: 1220px;
    overflow: hidden;
}



.content .module-tabs .details ul {
    display: none;
}

.content .module-tabs .details ul.details-current {
    display: block;
}

.content .module-tabs .more {
    display: block;
    width: 387px;
    height: 42px;
    border: 1px solid #00b38a;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    line-height: 42px;
    color: #00b38a;
}

.content .module-tabs .more:hover {
    color: #fff;
    background-color: #00b38a;
}

.content .hot-recruit .details ul li:hover {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}